<template>
  <div class="mt-4">
    <div class="text-lg font-bold mt-4"> {{ helpInfo.name }} </div>
    <div class="italic mt-4" v-html="helpInfo.description"></div>
    <div class="pb-4 mt-4" v-html="helpInfo.details"> </div>
  </div>
</template>
<script lang="ts" setup>
  defineProps({
    helpInfo: {
      type: Object,
      default: () => {},
    },
  });
</script>

<style lang="less" scoped>
  :deep(code) {
    background-color: #d3e5f4;
    padding: 0 3px 2px;
    border-radius: 5px;
    color: #0000007a;
    font-weight: 700;
  }
</style>
